<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>12.17课堂作业</title>
		<link rel="stylesheet" href="css/12.17课堂作业.css" type="text/css"/>
	</head>
	<body>
	    
		<div class="one">
			<h3>练习1</h3>
			<span class="G">G</span>
			<span class="o1">o</span>
			<span class="o2">o</span>
			<span class="g">g</span>
			<span class="l">l</span>
			<span class="e">e</span>
		</div>
		
		<div class="two">
		    <h3>练习2</h3>
		    <div class="sun">
		    
		    </div>
		</div>

		
		<div class="three">
			<h3>练习3导航栏</h3>
			<div class="D2">
			    <ul>
			        <a href="#"><li>首页</li></a>
			        <a href="#"><li >手机新浪网</li></a>
			        <a href="#"><li >移动客户端</li></a>
			        <a href="#"><li >博客</li></a>
			        <a href="#"><li >微博</li></a>
			        <a href="#"><li >关注我</li></a>
			
			    </ul>
			</div>
		</div>
		
		
		<div class="four">
		    <h3>练习4</h3>
		    <div class="nav">
		        <div class="content">
		            <ul class="ul1">
		                <li>
		                    <a href="#" style="border:none;">奶茶</a>
		                     <ul class="ul2">
		                        <li><a href="#">霸王茶姬</a></li>
		                        <li><a href="#">蜜雪冰城</a></li>
		                        <li><a href="#">茶颜悦色</a></li>
		                     </ul>
		                </li>
		                
		                <li>
		                    <a href="#" style="border:none;">果茶</a>
		                     <ul class="ul2">
		                        <li><a href="#">奈雪的茶</a></li>
		                        <li><a href="#">古茗</a></li>
		                        <li><a href="#">茶百道</a></li>
		                     </ul>
		                </li>
		                <li>
		                    <a href="#" style="border:none;">咖啡</a>
		                     <ul class="ul2">
		                        <li><a href="#">瑞幸</a></li>
		                        <li><a href="#">幸运咖</a></li>
		                        <li><a href="#">库迪咖啡</a></li>
		                     </ul>
		                </li>
		            </ul>
		     </div>
		    </div>
		    </div>
		</div> 
	</body>
</html>